<template>
    <a-row>
        <a-row class='mytitle'>
            {{ $t('存储平台') }}
        </a-row>

        <NoAuthPage v-showNoAuth="'H1-1'" :imgBoxStyle="{ height: '85vh', margin: '10px' }" />
        <a-row v-userAuth="'H1-1'" style="margin:1em">
            <a-card hoverable>
                <a-tabs :defaultActiveKey="defaultActiveKey" @change="changeTab">
                    <a-tab-pane :tab="$t('快照备份平台')" key="1">
                        <Backup />
                    </a-tab-pane>
                    <a-tab-pane :tab="$t('快照复制平台')" key="2">
                        <Copy />
                    </a-tab-pane>
                </a-tabs>
            </a-card>
        </a-row>
    </a-row>
</template>
<script>
import EmptyData from '@/components/common/EmptyData'
import NoAuthPage from '@/components/common/NoAuthPage'
import Backup from './store/backup.vue'
import Copy from './store/copy.vue'

export default {
    components: { EmptyData, NoAuthPage, Backup, Copy },
    data() {
        return {
            defaultActiveKey: '1',
            changeTab(key) {
                // this.currentTabKey = key;
            },
        }
    },
}
</script>
